<!DOCTYPE html>
<html lang="ch">

<head>
   <!-- site metas -->
   <title>古铜 币</title>
   <meta name="keywords" content="">
   <meta name="description" content="">
   <meta name="author" content="">
   <!-- fevicon LOGO -->
   <link rel="icon" href="images/fevicon.png" type="image/gif" />

   <!-- basic -->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <!-- mobile metas -->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1">


   <!-- CSS集合 -->
   <!-- bootstrap css -->
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <!-- style css -->
   <link rel="stylesheet" type="text/css" href="css/style.css">
   <!-- Responsive-->
   <link rel="stylesheet" href="css/responsive.css">
   <!-- Scrollbar Custom CSS -->
   <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">

   <!-- 社区引用的 -->
   <!-- <link rel="stylesheet" href="assets/css/style-liberty.css">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet"> -->

   <!-- https：引用的 -->
   <!-- Tweaks for older IEs-->
   <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
   <!-- fonts -->
   <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap"
      rel="stylesheet">
</head>

<body>
   <!-- header section start -->
   <!-- 1 导航栏 大图片 -->
   <!-- 开始 BApp -->
   <div class="header_section">
      <div class="container">
         <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>

            <!-- 按钮变小 显示 -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
               aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
               <ul class="navbar-nav ml-auto">
                  <li class="nav-item active">
                     <a class="nav-link" href="#begin">开始</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#chain">链</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#zoology">生态</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#developer">开发者</a>
                  </li>
                  <!-- 导航 到其他页面 -->
                  <li class="nav-item">
                     <a class="nav-link" href="JoBoffer.html">工作机会</a>
                  </li>
               </ul>
               <!-- 搜索 · 按钮 -->
               <form class="form-inline my-2 my-lg-0">
                  <div class="login_bt">
                     <ul>
                        <li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
                     </ul>
                  </div>
               </form>
            </div>
         </nav>
      </div>
      <!-- 滚动 字体 页面 3个-->
      <div class="banner_section layout_padding">
         <div id="my_slider" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
               <!-- 1 -->
               <div class="carousel-item active">
                  <div class="container">
                     <div class="row">
                        <div class="col-sm-12">
                           <div class="banner_taital_main">
                              <h1 class="banner_taital">WEB3.0<br>打破边界,<br>共创价值</h1>
                              <p class="banner_text">在这个全新的平台上，没有中心化的壁垒，只有无限的可能。</p>
                              <div class="btn_main">
                                 <div class="started_text"><a href="about.html">探索BApp</a></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- 2 -->
               <div class="carousel-item">
                  <div class="container">
                     <div class="row">
                        <div class="col-sm-12">
                           <div class="banner_taital_main">
                              <h1 class="banner_taital">破界而生 <br>每个节点，都是新世界的起点。</h1>
                              <p class="banner_text">Web3.0打破传统中心化界限的特点，同时传达出用户因此获得的更大自由度。</p>
                              <div class="btn_main">
                                 <div class="started_text"><a href="about.html">探索BApp</a></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- 3 -->
               <div class="carousel-item">
                  <div class="container">
                     <div class="row">
                        <div class="col-sm-12">
                           <div class="banner_taital_main">
                              <h1 class="banner_taital">透明如镜,<br>安全港湾,<br>清晰可见.</h1>
                              <p class="banner_text">古铜 币作为去中心化数字货币的核心特点，每一枚都是故事。</p>
                              <div class="btn_main">
                                 <div class="started_text"><a href="about.html">探索BApp</a></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- 2个按钮 -->
            <!-- 一个 左边 一个右边 -->
            <!-- <a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
               <i class="fa fa-angle-left"></i>
            </a>
            <a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
               <i class="fa fa-angle-right"></i>
            </a> -->
         </div>
      </div>
      <!-- banner section end -->
   </div>

   <!-- header section end -->
   <!-- 2 欢迎来到 加入 -->
   <!-- 链 -->
   <!-- about section start -->
   <div class="about_section layout_padding">
      <!-- 锚点标签 -->
      <a name="chain"></a>

      <div class="container">
         <div class="row">
            <div class="col-md-12">
               <h1 class="about_taital">古铜 · 链<span class="border_0"></span></h1>
               <p class="about_text">“ 古铜 · 链 ” 是专为古铜币设计的链条后，我们可以结合古铜币的历史价值和区块链技术的现代应用。</p>
            </div>
         </div>
         <div class="about_section_2">
            <!-- 图片 -->
            <div class="row">
               <div class="col-md-6">
                  <div class="about_img"><img src="images/about-img.png"></div>
               </div>
               <!-- 文字 -->
               <div class="col-md-6">
                  <p class="about_text_1">
                     古铜币 不仅仅是货币的象征，更是一种艺术品，展现了古代工匠的高超技艺和无穷智慧。
                     在收藏古韵的过程中，我们不仅能领略到古铜币的美学魅力，还能深切感受到中华民族悠久的历史底蕴。
                  </p>
                  <div class="readmore_bt"><a href="#">更多</a></div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <!-- about section end -->
   <!-- 3 使用 体验 -->
   <!-- 生态 -->
   <!-- services section start -->
   <div class="services_section layout_padding">
      <!-- 锚点标签 -->
      <a name="zoology"></a>
      <div class="container">
         <!-- 框框呀 -->
         <div class="services_main">
            <div class="row">
               <div class="col-md-12">
                  <h1 class="services_taital">生态<span class="border_0"></span></h1>
                  <p class="services_text">
                     无限可能在其中，创新引领，循环不息。
                     每个角落都生机勃勃，连接自然，赋活未来。
                  </p>
               </div>
            </div>
            <div class="services_section_2">
               <div class="row">
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-1.png"></div>
                     <h3 class="selection_text">钱包</h3>
                     <p class="many_text">安全连接资金 和 BApp</p>
                  </div>
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-2.png"></div>
                     <h3 class="selection_text">探索BApp</h3>
                     <p class="many_text">在BCB Chain生态系统探索BApp</p>
                  </div>
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-3.png"></div>
                     <h3 class="selection_text">质押BCB</h3>
                     <p class="many_text">轻松赚取BCB和奖励BCB</p>
                  </div>
               </div>
            </div>
            <div class="services_section_2">
               <div class="row">
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-4.png"></div>
                     <h3 class="selection_text">Stake BCB (BCB链)</h3>
                     <p class="many_text">BCB Beacon Chain sunset is in progress.
                        Please take action to manage your assets</p>
                  </div>
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-5.png"></div>
                     <h3 class="selection_text">Bridges(桥梁)</h3>
                     <p class="many_text">Cross-chain transfer between networks</p>
                  </div>
                  <div class="col-md-4">
                     <div class="icon_1"><img src="images/icon-6.png"></div>
                     <h3 class="selection_text">What is BCB?</h3>
                     <p class="many_text">Learn more about the use cases and how to get BCB!</p>
                  </div>
               </div>
            </div>
            <div class="read_bt"><a href="#">更多</a></div>
         </div>
      </div>
   </div>

   <!-- services section end -->
   <!-- 4  开发者 -->
   <!-- blog section start -->
   <div class="blog_section layout_padding">
      <!-- 锚点标签 -->
      <a name="developer"></a>
      <div class="container">
         <div class="row">
            <!-- 照片 -->
            <div class="col-md-6">
               <div class="blog_img"><img src="images/blog-img.png"></div>
            </div>
            <!-- 文字 -->
            <div class="col-md-6">
               <div class="blog_taital_main">
                  <h1 class="blog_taital">开发者</h1>
                  <p class="blog_text">
                     BCB Chain 开发者计划提供支持和资源的完美结合,帮助您达到新的高度。
                     BCB在拥有最大用户群的区块链上构建尖端的 Web3 应用程序。
                  </p>
                  <div class="readmore_bt_1"><a href="#">更多</a></div>
               </div>
            </div>
         </div>
      </div>
   </div>


   <!-- 666 这是是 尾部了 -->
   <!-- clients section end -->
   <!-- 5  结尾列表 -->
   <div class="footer_section layout_padding">
      <div class="container">
         <div class="location_main">
            <div class="row">
               <div class="col-md-4">
                  <!-- 构建 生态 -->
                  <h3 class="footer_text">构建</h3>
                  <ul class="jiewei">
                     <li class="lorem_text">教程</li>
                     <li class="lorem_text">相关文档</li>
                     <li class="lorem_text">设置本地环境</li>
                     <li class="lorem_text">用户体验</li>
                     <li class="lorem_text">SDKs(开发软件)</li>
                     <li class="lorem_text">Bridges(桥梁)</li>
                  </ul>
               </div>

               <div class="col-md-4">
                  <!-- 参与 活动 -->
                  <h3 class="footer_text">参与</h3>
                  <ul>
                     <li class="lorem_text">社区中心</li>
                     <li class="lorem_text">在线社区</li>
                     <li class="lorem_text">古铜活动</li>
                     <li class="lorem_text">为 Bronze coins 做贡献</li>
                     <li class="lorem_text">翻译计划</li>
                     <li class="lorem_text">古铜 基金会</li>
                  </ul>

               </div>
               <div class="col-md-4">
                  <h3 class="footer_text">关于</h3>
                  <div class="form-group">
                     <ul>
                        <li class="lorem_text">Whitepaper白皮书</li>
                        <li class="lorem_text">古铜币 技术史</li>
                        <li class="lorem_text">古铜币 路线图</li>
                     </ul>
                     <div class="subscribe_bt"><a href="#">链接</a></div>
                  </div>
                  <div class="social_icon">
                     <ul>
                        <!-- github 脸书 X instagram youtobe -->
                        <li><a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a></li>

                        <li><a href="#"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                        
                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>


   <!-- footer section end -->
   <!-- 7 备案  -->
   <!-- copyright section start -->
   <div class="copyright_section">
      <div class="container">
         <div class="row">
            <div class="col-sm-12">
               <p class="copyright_text">&copy; 2024 BronzeCoins. All Rights Reserved. </p>
            </div>
         </div>
      </div>
   </div>


   <!-- 这里是JS -->
   <!-- copyright section end -->
   <!-- Javascript files-->
   <script src="js/jquery.min.js"></script>
   <script src="js/popper.min.js"></script>
   <script src="js/bootstrap.bundle.min.js"></script>
   <script src="js/jquery-3.0.0.min.js"></script>
   <script src="js/plugin.js"></script>
</body>

</html>